<template>
  <el-footer>
    <div class="footWarp">
      <p style="margin-bottom: 0;">&copy;2020-专一网 湖南中德安普大数据网络科技有限公司
        <span> <a target="_blank" href="http://beian.miit.gov.cn">工信部备案:湘ICP备16009530号</a></span>
        <span><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=43010302001043">公安备案号:43010302001043</a></span>
        <!--        <span><a target="_blank" href="http://www.beian.miit.gov.cn/state/outPortal/loginPortal.action">网络安全二级证书号:4301014317420001</a></span>-->

      </p>
      <p style="margin-bottom: 0;">
        <a @click="service">在线客服</a>
        <span>|</span>
        <a @click="showImg = true">商务联系</a>
      </p>
      <div v-show="showImg">
        <img src="/static/img/phone2.png" alt="">
        <i class='el-icon-close' @click="showImg = false"></i>
        <el-button  size="mini"  @click="showImg = false">确定</el-button>
      </div>
    </div>

  </el-footer>
</template>
<script>
export default {
  data (){
    return {
      showImg: false,
    }
  },
  methods:{
    service() {
      const {href} = this.$router.resolve({
        path: "/service"
      });
      window.open(href, "_blank", "toolbar=yes, width=900, height=600");
    },
  }
}
</script>

<style lang="less" scoped>
.el-footer {
  background:  #fff !important;
  color: #999;
  font-size: 12px;
  .footWarp{
    width: 90%;
    height: 60px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    p {
      margin-bottom: 0;
      i {
        margin: 0 0 0 1rem;
        display: inline-block;
        height: 0.7rem;
        width: 1rem;
        background: url("/static/img/C.png") no-repeat;
      }
    }
    span {
      margin: 0 0.4rem;
    }
    a {
      color: #999;
      text-decoration: none;
      cursor: pointer;
    }
    div {
      position: fixed;
      right: 0px;
      bottom: 60px;
      img {
        z-index: 100;
        position: relative;
      }
      i {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 101;
        color: #fff;
      }
      .el-button {
        position: absolute;
        right: 6px;
        bottom: 2px;
        z-index: 101;
      }
    }
  }

}
</style>
